@baseColor: #3c8dbc;
@fontColor444:#444;
@mainFontSize: 14px;
@medileFontSize: 16px;
@largeFontSize: 18px;
@bigLargeFontSize: 20px;
#maincontent {
   padding: 70px 20px 20px 250px; 
}
.borderradius(@radius) {
	-webkit-border-radius:@radius;
	-moz-border-radius:@radius;
	border-radius:@radius;
}
.borderRadiusTopNone {
	-webkit-border-top-left-radius:0;
	-moz-border-top-left-radius:0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius:0;
	-moz-border-top-right-radius:0;
	border-top-right-radius: 0;
}
.boxshadow {
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.c00c0ef {
	color:#00c0ef !important;
}
.cf39c12 {
	color:#f39c12 !important;
}
.cdd4b39 {
	color:#dd4b39 !important;
}
.label-success {
    background: #00a65a !important;
}

.label-warning {
    background-color: #f39c12 !important;
}

.label-danger {
    background-color: #dd4b39 !important;
}
.boardscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

.header {
    width: 100%;
    height: 50px;
    background: @baseColor;
    position: fixed;
    z-index: 999;
    color: #fff;
    a.logo {
        width: 230px;
        height: 50px;
        font-size: @bigLargeFontSize;
        line-height: 50px;
        display: block;
        color: #fff;
        background: #367fa9;
        text-align: center;
        position: absolute;
    }
    .navbar {
        height: 50px;
        background: @baseColor;
        margin-left: 230px;
    }
    .sidebarbutton {
        padding: 12px 15px;
        color: #FFF;
        display: block;
        float: left;
    }
    a.sidebarbutton:hover {
    	background: #367fa9;
    }
    .navbarmenu {
        float: right;
        .navbar-nav {
            float: left;
            .navmenulist a img {
                width: 25px;
                height: 25px;
                vertical-align: middle;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                margin-top: -2px;
                margin-right: 10px;
            }
            /*信息展开面板*/
            .dropboard {
                width: 280px;
                position: absolute;
                right: 0;
                display: none;
            }
            .boardscreen {
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                display: none;
            }
            .borderwrap {
                color: #444;
                font-size: 12px;
                border:1px solid #ccc;
                border:1px solid rgba(0,0,0,.15);
                .borderradius(4px);
                .borderRadiusTopNone;
                .boxshadow;
                .borderhead {
                    padding: 7px 10px;
                    font-size: 14px;
                    border-bottom: 1px solid #f4f4f4;
                    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
                }
                .messagelist {
                	.messagecon {
                    a {
                        display: block;
                        padding: 10px;
                        border-bottom: 1px solid #f4f4f4;
                        .messageimg {
                            float: left;
                            img {
                                margin: auto 10px auto auto;
                                width: 40px;
                                height: 40px;
                            }
                        }
                        h4 {
                            margin-left: 55px;
                            font-size: 15px;
                            color: #444;
                            position: relative;
                            small {
                                position: absolute;
                                top: 0;
                                right: 0;
                                color: #999;
                            }
                        }
                        p {
                            margin-left: 55px;
                            font-size: 12px;
                            color: #888;
                        }
                    }
                   
                    a:after {
                        content: "";
                        clear: both;
                        height: 0;
                        font-size: 0;
                        overflow: hidden;
                    }
                	}
           		 }
					.noticecon>a {
						display: block;
						color:@fontColor444;
						padding: 10px;
						white-space: nowrap;
						text-overflow:ellipsis;
						overflow: hidden;
						border-bottom: 1px solid #f4f4f4;
						span {
							margin-left: 5px;
						}
					}
					.tackcon h3 {
						font-size: 14px;
    					padding: 0;
    					margin: 0 0 10px 0;
    					color: #666666;
					}
                .borderfoot a {
                    display: block;
                    text-align: center;
                    font-size: 12px;
                    color: #444;
                    padding: 7px 10px;
                }
            }
        }
        .navbar-nav:after {
            content: "";
            clear: both;
            font-size: 0;
            height: 0;
            overflow: hidden;
        }
        .navbar-nav>li {
            float: left;
            position: relative;
        }
        .navbar-nav>li>a {
            line-height: 25px;
            padding: 12px 15px;
            display: block;
            color: #FFF;
        }
        .navbar-nav>li>a:hover,
        .sidebarbutton:hover {
            background: #367fa9;
        }
        .navbar-nav>li>a>.label {
            position: absolute;
            font-size: 9px;
            padding: 2px 3px;
            text-align: center;
            border-radius: 0.25em;
            top: 9px;
            right: 7px;
            line-height: 0.9;
        }
    }
}
.progress {
	.borderradius(1px);
	height: 7px;
	overflow: hidden;
	background:#f5f5f5;
}
.progress-bar {
	float: left;
	width: 20%;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
/*个人中心*/
.personcon {
    .user-header {
    	padding:10px;
    	background: #3c8dbc;
    	text-align: center;
    	color:#fff;
    	img {
    		.borderradius(50%);
    	}
    }
    .user-footer {
    	overflow: hidden;
    	padding: 10px;
    }
}
